<script setup lang="ts">
import { useModelCategory } from '@/stores/useModelCategory'
import { darkTheme, NConfigProvider, type GlobalThemeOverrides } from 'naive-ui'
useModelCategory()
const themeOverrides: GlobalThemeOverrides = {
  common: {
    primaryColor: '#10fc76',
    pressedColor: '#10fc76'
  }
}
</script>

<template>
  <n-config-provider :theme="darkTheme" :theme-overrides="themeOverrides" style="height: 100%">
    <router-view v-slot="{ Component, route }">
      <keep-alive include="Home">
        <component :is="Component" :key="route.name" />
      </keep-alive>
    </router-view>
  </n-config-provider>
</template>
